<template>
	<div class="common-layout">
		<a-layout style="min-height: 100vh">
			<Menu></Menu>
			<a-layout>
				<Header></Header>
				<router-view></router-view>
				<Footer></Footer>
			</a-layout>
		</a-layout>
	</div>
</template>

<script lang="ts">
	import {
		defineComponent,
		ref
	} from 'vue';
	import Menu from '../components/menu.vue'
	import Header from '../components/header.vue'
	import Footer from '../components/footer.vue'

	export default defineComponent({
		name: 'layout',
		components: {
			Menu,
			Header,
			Footer
		},
		setup() {
			return {}
		}
	})
</script>

<style>
	.common-layout {
		width: 100vw;
		height: 100vh;
	}
</style>
